.input-code {
    position: relative;
    .mui-input {}
    .mui-btn {
        position: absolute;
        top: 6px;
        right: 10px;
        width: auto;
        background-clip: inherit;
    }
    .btn-radius {
        border-radius: 30px;
        padding: 5px 15px;
    }
}

.choose-row {
    color: #fff;
    padding: 5px 0 15px;
    >label {
        border: solid 1px #fff;
        display: inline-block;
        padding: 3px 10px;
        border-radius: 5px;
        &.active {
            background: #fff;
            color: #F95A57;
        }
    }
}

.regist-container {
    .mui-input-row select {
        padding: 10px 15px;
    }
}

// .info-container{
//   .mui-card{
//     .mui-input-row{
//       position: relative;
//       select,input{
//         position: relative;
//         padding: 10px 30px 10px 0;
//       }
//       select{
//         text-align: right;
//         text-align-last: right;
//         &::after{
//           content: "";
//           display: block;
//           width: 10px;
//           height: 10px;
//           background: red;
//           position: absolute;
//           top: 0px;
//           right: 0px;
//         }
//       }
//       span{
//         display: block;
//         width: 16px;
//         height: 16px;
//         line-height: 16px;
//         position: absolute;
//         top: 50%;
//         right: 8px;
//         transform: translate(0, -50%);
//       }
//       .mui-icon{
//         font-size: 16px;
//       }
//     }
//   }
//   .select-row{
//     width: 32.5%;
//     float: left;
//     position: relative;
//     select{
//       margin: 0;
//     }
//   }
// }
.info-container {
    .mui-card {
        .mui-row {
            position: relative;
            overflow: hidden;
            line-height: 45px;
            input[type="radio"] {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                opacity: 0;
            }
            label {
                margin: 2px;
                vertical-align: middle;
                position: relative;
            }
            select{
                &::after{
                  content: "";
                  display: block;
                  width: 10px;
                  height: 10px;
                  background: red;
                  position: absolute;
                  top: 0px;
                  right: 0px;
                }
              }
              span{
                display: block;
                width: 16px;
                height: 16px;
                line-height: 16px;
                position: absolute;
                top: 44%;
                right: 8px;
                transform: translate(0, -50%);
        
              }
              .mui-icon{
                font-size: 16px;
              }
        }
        .mui-row:after {
            position: absolute;
            width: 100%;
            right: 0;
            left: 0;
            bottom: 0;
            height: 1px;
            content: '';
            transform: scaleY(.5);
            background-color: #c8c7cc;
        }
    }
}